// to reset element-ui default css
// .el-upload {
//   input[type="file"] {
//     display: none !important;
//   }
// }

// .el-upload__input {
//   display: none;
// }

// //暂时性解决diolag 问题 https://github.com/ElemeFE/element/issues/2461
// .el-dialog {
//   transform: none;
//   left: 0;
//   position: relative;
//   margin: 0 auto;
// }

// //element ui upload
// .upload-container {
//   .el-upload {
//     width: 100%;
//     .el-upload-dragger {
//       width: 100%;
//       height: 200px;
//     }
//   }
// }

// /** checkbox 更改 */
// .el-checkbox__label {
//   font-size: 13px;
//   color: $--color-text-primary;
// }

// .el-checkbox__input.is-checked+.el-checkbox__label {
//   color: $--color-text-primary;
// }

//  .el-input .el-input__inner {
//    padding: 0 8px;
//  }

//  .el-textarea .el-textarea__inner {
//    padding: 5px 8px;
//  }

//  .el-radio .el-radio__label {
//    padding-left: 8px;
//  }

//  .el-checkbox .el-checkbox__label {
//    padding-left: 8px;
//  }

// 参考 https://blog.csdn.net/HZKang/article/details/90447373
// body .el-table th.gutter {
//   display: table-cell !important;
// }

// body .el-table colgroup.gutter {
//   display: table-cell !important;
// }

// 解决safari 布局错乱问题
// 方案一 会引起待办事项表头抖动
// table {
//   width: 100% !important;
// }
.el-table__header,.el-table__body,.el-table__footer{
  width: 100%;
  table-layout: fixed !important;
}

//  // 弹窗样式
//  .el-dialog__footer {
//    padding: 10px !important;
//    background-color: #F7F8FA;
//    border-top: 1px solid $--border-color-base;
//  }

//  .el-dialog__close {
//    font-weight: 600 !important;
//    font-size: 18px !important;
//  }

//  .el-dialog__title {
//    font-weight: 600 !important;
//  }

//  // 消息框
//  .el-message-box__title {
//    font-weight: 600 !important;
//  }

//  .el-message-box__close {
//    font-weight: 600 !important;
//    font-size: 18px !important;
//  }

//  .el-message-box {
//    padding: 0 !important;
//  }

//  .el-message-box__btns {
//    padding: 8px 15px !important;
//    background-color: #F7F8FA;
//    border-top: 1px solid $--border-color-base;
//  }

//  .el-message-box__content {
//    padding-bottom: 20px !important;
//  }

//  .el-checkbox .el-checkbox__label,
//  .el-checkbox__input.is-checked + .el-checkbox__label,
//  .el-radio__input.is-checked + .el-radio__label,
//  .el-radio .el-radio__label {
//   color: $--color-text-primary !important;
//  }
//  .el-upload-list__item {
//   transition: none !important;
// }

// .el-submenu-more {
//   .el-menu {
//     padding: 15px 0;
//   }
//   .el-menu-item + .el-menu-item {
//     margin-top: 10px;
//   }
// }
// 表里的提示文字
.el-table-tooltip {
  &.el-tooltip__popper[x-placement^="top"] {
    margin-bottom: 0 !important;
  }

  &.el-tooltip__popper[x-placement^="bottom"] {
    margin-top: 0 !important;
  }
}

// 无边框 无背景 form
.wk-no-border-backgroud {
  .el-input,
  .el-select,
  .el-date-picker,
  .el-input__inner,
  .el-textarea__inner {
    background-color: transparent;
    border: 0;
  }
}

// input
// 类select效果input
.wk-select-input {
  cursor: pointer;

  .el-input__icon {
    font-size: $--select-input-font-size;
    color: $--select-input-color;
    transition: transform 0.3s;
    transform: rotateZ(180deg);
  }
}

.el-input__inner::placeholder {
  font-weight: $--font-weight-primary;
}

.el-textarea__inner,
.el-textarea__inner::placeholder {
  font-weight: $--font-weight-primary;
}

.el-date-editor,
.el-select {
  .el-input__inner {
    font-weight: $--font-weight-primary;
  }
}

// el-button
.el-button {
  font-weight: $--font-weight-primary;
}

// el-table
.el-table {
  th {
    font-weight: $--font-weight-primary;
  }
}

* {
  font-weight: $--font-weight-primary;
}

// el-tooltip
.el-tooltip__popper.is-dark {
  line-height: 1.5;
}

// icon
[class*="el-icon"] {
  font-weight: bold;
}

// 更多tabs
.el-tabs--dropdown-item {
  .el-badge {
    .el-badge__content {
      top: 50%;
      right: -4px;
    }
  }
}

// badge
.el-badge__content {
  // 该样式被公共样式覆盖为 border-box
  box-sizing: content-box;
}
